
html {
  font-size: 75px;
  width: 100%;
}
body {
  width: 100%;
  font-size: 16px;
  background-color: #fff;
  // height: 2000px;
}

.red {
  color: red;
}


/*版心*/
.mm-layout {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
} 

/*头部*/ 
.mm-header {
  width: 100%;
  .hd-logo {
    height: 1.333333rem /* 100/75 */;
    background-color: #ff841d;
    span {
      float: left;
      padding-left: .453333rem /* 34/75 */;
      img {
        margin-top: .333333rem /* 25/75 */;
        height: .666667rem /* 50/75 */;
      }
    }
    a {
      float: right;
      height: .906667rem /* 68/75 */;
      margin: .16rem /* 12/75 */;
      img {
        height: 100%;
      }
    }
  }
  .hd-search {
    height: 1.333333rem /* 100/75 */;
    padding: .266667rem /* 20/75 */;
    background-color: #FFFFFF;
    .hd-form {
      position: relative;
      padding-right: 1.866667rem /* 140/75 */;
      .search {
        width: 100%;
        height: .8rem /* 60/75 */;
        border-radius: .8rem /* 60/75 */;
        background-color: #f1f1f1;
        padding-left: .533333rem /* 40/75 */;
        font-size: .346667rem /* 26/75 */;
      }
      .search-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 1.706667rem /* 128/75 */;
        height: .8rem /* 60/75 */;
        background-color: #ff841b;
        border-radius: .8rem /* 60/75 */;
        border: none;
        font-size: .426667rem /* 32/75 */;
        color: #fff;
      }
    }
  }
}



/*底部*/ 
.mm-footer {
  // position: absolute;
  // left: 0;
  // bottom: 0;
  width: 100%;
  background-color: #efefef;
  // 品牌排名
  .ft-brend {
    margin-top: .266667rem /* 20/75 */;
    margin-bottom: .666667rem /* 50/75 */;
    width: 100%;
    height: .933333rem /* 70/75 */;
    padding: 0 .266667rem /* 20/75 */;
    background-color: #ff841d;
    span {
      float: left;
      font-size: .426667rem /* 32/75 */;
      line-height: .933333rem /* 70/75 */;
      color: #fff;
    }
    img {
      float: right;
      height: .533333rem /* 40/75 */;
      margin: .2rem /* 15/75 */;
    }
  }

  // 底部
  .foot-top {
    width: 100%;
    height: .906667rem /* 68/75 */;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    a {
      float: left;
      width: 33.33%;
      text-align: center;
      height: 100%;
      font-size: .346667rem /* 26/75 */;
      color: #000;
      line-height: .906667rem /* 68/75 */;
      img {
        height: .373333rem /* 28/75 */;
        margin-right: .026667rem /* 2/75 */;
      }
    }
    a:nth-child(2) {
      border-left: 1px solid #cacaca;
      border-right: 1px solid #cacaca;
    }
  }
  .foot-bottom {
    width: 100%;
    height: 1.653333rem /* 124/75 */;
    padding-top: .466667rem /* 35/75 */;
    text-align: center;
    font-size: .32rem /* 24/75 */;
    p:nth-child(1) {
      color: #6b7674;
      a {
        color: red;
      }
      span {
        color: #000;
      }
    }
    // p:nth-child(2) {

    // }
  }


}